<template>
    <div>
        <van-nav-bar title="未支付页面
        " left-text="返回" left-arrow @click-left="() => { { $router.back('/') } }" />
        <div>
            <h1>倒计时</h1>
            <van-count-down v-show="djs" :time="time" />
            <!-- <span >{{ time }}</span> -->
        </div>
        <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />

    </div>
</template>

<script setup>
import { ref } from 'vue'
let djs = ref(true)
let time = ref(30 * 60 * 1000);
let t1 = setInterval(() => {
    time.value--
    if (time.value == 0) {
        clearInterval(t1)
        djs.value = false
    }
}, 180000)







</script>

<style lang="scss" scoped></style>